<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3-.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  lang="pt">
	<head>
		<title>Validator</title>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<style type="text/css">
			label{
				display:inline-block;
				width:150px;
				font-size:12px
			}
			label.error{ width: auto ; margin-left:10px }
			input{
				margin:2px 2px
			}
		</style>		
	</head>
	<body>
		<div id="wrap">
			
			<div id="container">
				
				<!-- Header -->
				<div id="header"><!-- --->
					
				</div>	
				<!-- fim do Header -->
				
				<!-- Menu -->
				<div id="nav-bar"></div>
				<!-- fim do Menu -->
				
				<div id="content" class="validator">
					<p class="message"></p>
					
					<form id="formulario">						
												
						<p><label>Nome:</label><input type="text" id="nome" title="Nome" /></p>
						<p><label>Sobrenome:</label><input type="text" title="Sobrenome" id="sobrenome" maxlength="14" /></p>
						<p><label>Email:</label><input type="text" id="email" name="email" title="Email" /></p>
						<p><label>Celular:</label><input title="Celular para contato" type="text" id="celular" /></p>
						<p><label>Data:</label><input type="text" title="Data" id="data" maxlength="10" /></p>
						
						
						<p>Sexo:
							<label>Masculino</label><input type="radio" title="Sexo" name="sexo" value="masculino" />
							<label>Feminino</lael><input type="radio" title="Sexo" name="sexo" value="feminino" />
						</p>
						
						
						<label>Data de nascimento:</label>
						<p><input type="text" title="Data de Nascimento" id="dia" maxlength="2" size="1" />/
						<input type="text" title="Data de Nascimento" id="mes" maxlength="2" size="1" />/
						<input type="text" title="Data de Nascimento" id="ano" maxlength="4" size="3" /></p>
						
						
						<label>Senha:</label><input type="password" title="Senha" id="senha" maxlength="14" />
						<label>Confirmar Senha:</label><input type="password" title="Confirmar Senha" id="confirmar-senha" maxlength="14" />
						<p><strong>Máscaras:</strong></p>
						<label>Alfanuméricos:</label><input type="text" id="alfanumericos" />
						<label>Email:</label><input type="text" id="_email_" />
						<label>Dinheiro:</label><input type="text" id="dinheiro" />																	
						<p><input type="file" id="arquivo" /></p>
						
						<button type="submit" id="nome_sobrenome">Valida nome e sobrenome apenas</button>
						<button type="submit" id="enviar">Enviar</button>
						
					</form>
					
				</div>
							
				<!-- Separa o conteúdo do rodapé -->
				<br class="clear" />
				
				<!-- Footer -->
				<div id="footer">
							
				</div>
				<!-- fim do Footer -->
			</div>
		</div>		
	
		<script type="text/javascript" src="js/Skeleton.js"></script>		
		<script type="text/javascript" src="js/main.js"></script>		
	</body>
				
</html>